<template>
    <div>购物车页面</div>
</template>

<script>
import Vue from "vue";

export default {
    data() {
        return {};
    },
    //局部路由守卫:争对摸某一个组件的路由的监控
    beforeRouteEnter(to, from, next) {
        if (to.path == "/cart") {
            //判断有没有token
            //没有就跳往用户页面
            let token = localStorage.getItem("token");
            if (token) {
                next();
            } else {
                //这里不是vue的实例环境所以不能用this.$toast("请先登录")
                //这里还是只能写Vue,因为当守卫执行前,组件实例还没有被创建
                Vue.prototype.$toast("请先登录");
                setTimeout(() => {
                    next("/user");
                }, 500);
            }
        }
    },
};
</script>
 
<style lang = "less" scoped>
</style>